﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Ecology</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!-- FONT ICONS -->
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<link rel="stylesheet" href="assets/et-line-font/style.css">

 <!-- OWL CAROUSEL -->
 <link rel="stylesheet" href="css/owl.theme.css">
 <link rel="stylesheet" href="css/owl.carousel.css">
    
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<label class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    
 	
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                        <li><a href="/user/logout">退出登录</a></li>
                        <li><a href="userCenterPage" th:text="${res.user.username}"></a></li>
                        
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo" style="width: 20%">
                    <a href="index.html"><img src="images/logo-1.png" alt="Ecology"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">

                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->      
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="search">概览</a></li>
                                <li><a href="#" style="color: #0F9E5E">我的申请</a></li>
                                <li><a href="plantPage">农作物监控</a></li>
                                <li><a href="controlPage">农作物虫害监控</a></li>
                                <li><a href="messageConsumer">通知公告查看</a></li>
                                <li><a href="userCenterPage">个人中心</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                </div>
                
            </div>
        </div><!-- Header Top End -->
    </header><!--End Main Header -->

    
    
    <!--Main Features-->
    <section class="main-features" style="margin-top: 2%; padding-top: 0">
        <label class="main-features" style="width: 100%; margin-top: 0; padding-top: 0">
            <div class="sec-title text-center">
                <h2>我的申请记录</h2>
                <div class="text">自己申请的历史记录展示</div>
          </div>
            <div class="donation-form-outer" style="width: 100%; background-color: white; padding-top: 0; padding-bottom: 0">
                <label class="form-portlet" style="width: 100%">
                    <form action="servicePage" method="get" style="margin: 0 auto;">
                        <label class="form-portlet" style="width: 100%; margin: 0 auto">
                            <label class="row clearfix" style="width: 100%; margin: 0 auto">

                                <label style="margin-left: 10%">查询大类<span class="required"></span></label>
                                <label style="padding-right: 10%">
                                    <select name="type" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="tcCode, iterStat:${res.t.cropMedi}" th:value="${tcCode.code}" th:text="${tcCode.value}"  th:selected="${res.t.type == tcCode.code}"></option>
                                    </select>
                                </label>

                                <label>申请种类<span class="required"></span></label>
                                <label style="padding-right: 10%">
                                    <select name="cropId" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="type, iterStat:${res.t.types}" th:value="${type.id}" th:text="${type.name}" th:selected="${res.t.cropId == type.id}"></option>
                                    </select>
                                </label>

                                <label>审批状态<span class="required"></span></label>
                                <label style="padding-right: 10%">
                                    <select name="auditStatus" style="height: 50% ;margin-left: 10px;border-radius: 2px">
                                        <option value="">请选择</option>
                                        <option th:each="tcCode, iterStat:${res.t.dic}" th:value="${tcCode.code}" th:text="${tcCode.value}"  th:selected="${res.t.auditStatus == tcCode.code}"></option>
                                    </select>
                                </label>

                                <label style="color: #4cae4c; border-radius: 8px; padding: 0 10px; margin-left: 10%">
                                    <button type="submit" class="theme-btn btn-style-two" style="border-radius: 5px;font-weight:bold; padding-top: 5px; padding-bottom: 5px;">查询</button>
                                </label>
                            </label>
                        </label>
                    </form>
                </label>

            </div>

            <br><br>
            <div class="row clearfix" style="margin: 0 auto; margin-left: 15%">

                <!--Default Icon Column-->
                <div class="default-icon-column col-lg-3 col-md-6 col-xs-12" style="width: 33%" th:each="audit, iterStat:${res.t.audits.data}">
                    <article class="inner-box">
                        <div class="icon-box">
                            <div class="icon"><img th:src="${audit.image}" style="width: 100%; height: 100%" /></div>
                        </div>
                        <h3 th:text="${audit.cropName}"></h3>
                        <div class="text">申请种类：<span th:text="${audit.type}"></span></div>
                        <div class="text">申请土地：<span th:text="${audit.areaName}"></span></div>
                        <div class="text">申请数量：<span th:text="${audit.count}"></span></div>
                        <div class="text">申请时间：<span th:text="${audit.applyTime}"></span></div>
                        <div class="text">申请状态：<span th:text="${audit.auditStatus}"></span></div>
                        <div class="text">审批时间：<span th:text="${audit.auditTime}"></span></div>
                        <div class="text">审批人：<span th:text="${audit.auditer}"></span></div>
                        <div class="text-center"  th:hidden="${audit.statusValue!=102002}"><a type="submit" class="theme-btn btn-style-two" th:href="'doPlant?id='+${audit.auditId}+'&pageNum='+${res.t.audits.pageNum}">种植</a></div>
                    </article>
                </div>
            </div>
            <div>
                <div>
                    <div class="modal-footer no-margin-top">
                        <ul class="pagination pull-right no-margin">
                            <!-- 首页 -->
                            <li>
                                <a th:href="'/servicePage?pageNum=1&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&auditStatus=' + ${res.t.auditStatus == null ? '' : res.t.auditStatus}">首页</a>
                            </li>
                            <!-- 上一页 -->
                            <li>
                                <a th:href="'/servicePage?pageNum=' + ${res.t.audits.jump(-1)} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&auditStatus=' + ${res.t.auditStatus == null ? '' : res.t.auditStatus}" th:text="上一页"></a>
                            </li>
                            <!-- 下一页 -->
                            <li>
                                <a th:href="'/servicePage?pageNum=' + ${res.t.audits.jump(1)} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&auditStatus=' + ${res.t.auditStatus == null ? '' : res.t.auditStatus}" th:text="下一页"></a>
                            </li>

                            <!-- 尾页 -->
                            <li>
                                <a th:href="'/servicePage?pageNum=' + ${res.t.audits.maxPage} + '&cropId=' + ${res.t.cropId == null ? '' : res.t.cropId} + '&auditStatus=' + ${res.t.auditStatus == null ? '' : res.t.auditStatus}">尾页</a>
                            </li>
                            <li>
                                <span th:text="'当前页：' + ${res.t.audits.pageNum}"></span>
                            </li>
                            <li>
                                <span th:text="'页面大小：' + ${res.t.audits.pageSize} + '条/页'"></span>
                            </li>
                            <li>
                                <span th:text="'总条数：' + ${res.t.audits.size}"></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </label>
    </section>

</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
